<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="../../../js/class/vue.min.js" charset="UTF-8"></script>
	</head>
	<body>
		<div id="vue-app">
			<div v-show="isshow">
				我显示了
			</div>
			<div v-show="ifshow">
				我没显示了
			</div>
		</div>
		
		<script type="text/javascript">
			"use strict"
			/* 
				根据其值的true或false 来切换 css中的 display 属性 让其是否显示
				当条件变化触发该指令的过渡效果
			 */
			var vm = new Vue({
				el: "#vue-app",
				data: {
					isshow: true,
					ifshow: false,
				},
			})
		</script>
	</body>
</html>